<template>
	<view class="goods flex" v-if="info">
		<view class="u-m-r-20" >
			<u-image mode="aspectFill" width="190rpx" height="180rpx" :src="info.coverImg || ''">
				<u-loading-icon slot="loading"></u-loading-icon>
			</u-image>
		</view>
		<view class="goods-right flex align-initial flex-between flex-col flex-1">
			<view class="goods-tlt u-line-2 m-b-10">{{ info.name }}</view>
			<view class="btm-box flex flex-between">
				<view class="price"> ¥{{ info.price }} </view>
				<image class="img-36" src="@/static/img/index/delete.png" @tap.stop="$emit('del',info.id,1)" /> 
			</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		info: Object,
	}
}
</script>

<style scoped lang="scss">
.goods {
	background-color: #fff;
	padding: 20rpx 32rpx;
	.goods-right {
		height: 180rpx;
		padding: 10rpx 0;
		.goods-tlt {
			line-height: 40rpx;
			height: 80rpx;
		}
		.btm-box {
			.price {
				color: #474f59;
				font-size: 32rpx;
				line-height: 44rpx;
			}
		}
	}
}
</style>
